<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="../static/admin/layui/css/layui.css">
    <link rel="shortcut icon" href="images/favicon.ico">

    <!-- include main css -->
    <link rel="stylesheet" type="text/css" href="css/slick.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link href="font-awesome-4.5.0/css/font-awesome.min.css" rel='stylesheet' type='text/css' media="all" />
    <link rel="stylesheet" type="text/css" href="css/animate.css"/>
    <script src="js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!--header-->
<header class="header">
    <div class="container clearfix">
        <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt="" /></a>
        </div>
        <div class="nav_right">
            <nav>
                <ul class="clearfix">
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="case.html">经典系列</a>
                        <ul>
                            <li><a href="case.html">人气</a></li>
                            <li><a href="case.html">色系</a></li>
                            <li><a href="case.html">价格</a></li>
                        </ul>
                    </li>
                    <li><a href="kehu.html">客照专区</a>
                        <ul>
                            <li><a href="kehu.html">北京</a></li>
                            <li><a href="kehu.html">上海</a></li>
                            <li><a href="kehu.html">天津</a></li>
                        </ul>
                    </li>
                    <li><a href="about.html">关于我们</a>
                        <ul>
                            <li><a href="about.html">公司简介</a></li>
                            <li><a href="about_fuwu.html">我们的服务</a></li>
                            <li><a href="about_wh.html">企业文化</a></li>
                        </ul>
                    </li>
                    <li><a href="team.html">服务团队</a>
                        <ul>
                            <li><a href="team.html">北京</a></li>
                            <li><a href="team.html">上海</a></li>
                            <li><a href="team.html">天津</a></li>
                        </ul>
                    </li>
                    <li><a href="fuwu_price.html">服务报价</a></li>
                    <li><a href="news.html">新闻资讯</a>
                        <ul>
                        </ul>
                    </li>
                    <!--<li><a href="contact.html">联系我们</a>
                        <ul>
                            <li><a href="contact.html">联系我们</a></li>
                            <li><a href="feedback.html">在线留言</a></li>
                        </ul>
                    </li> -->
                </ul>
            </nav>
            <div class="cen">
                <a href="login.html">登录</a>
                <a href="zc.html">注册</a>
            </div>
        </div>
    </div>
</header>

        <div style="margin: 50px 430px;">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">用户姓名</label>
            <div class="layui-input-block">
                <input type="text" id="uName" name="uName" lay-verify="title" autocomplete="off" placeholder="请输入姓名"
                       class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input type="radio" id="uGender1" name="uGender" value="男" title="男" checked>
                <input type="radio" id="uGender2" name="uGender" value="女" title="女">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">年龄</label>
            <div class="layui-input-block">
                <input type="text" id="uAge" name="uAge" lay-verify="title" autocomplete="off" placeholder="请输入年龄"
                       class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">生日</label>
                <div class="layui-input-block">
                    <input type="text" name="uBirthday" id="date1" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-inline">
                    <input type="text" id="uEmail" name="uEmail" lay-verify="email" autocomplete="off"
                           class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">留言</label>
            <div class="layui-input-block">
                <textarea id="uMessage" name="uMessage" placeholder="请输入内容（包含您的选择方案）" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
        </div>
</body>
<script src="../assets/libs/layui/layui.js"></script>
<script src="../assets/js/my.js"></script>
<script>
    layui.use(['form','layedit','laydate','layer'],function () {
        var form=layui.form
            ,layer=layui.layer
            ,layedit=layui.layedit
            ,laydate=layui.laydate

        //监听提交
        form.on('submit(demo1)', function(data){
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            $.post(host+'/userservlet/save',data.field,function (r) {
                if(r.code==0){
                    layer.msg("预约成功",{icon:1})
                }else{
                    layer.msg("预约失败",{icon:2})
                }
            })
        });
    })
</script>
</html>